@charset "utf-8"; /* 手机图标库 */ @import url("../iconfont/front/iconfont.css"); :focus {outline: 0;} /* #ll-layout{ background-size: cover; position: relative; background-color:#f8f8f8;} */ #ll-layout{ position: relative; background-size: 100%; background-color:#f8f8f8;} /* 手机网站背景 */ #lljz_webBg{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index:1; background-color:#f8f8f8; background-repeat: no-repeat; margin: 0 auto; background-position: 50% 50%; background-size:cover; max-width: 720px; width: 100%;} #lljz_web_layout{ position: relative; z-index: 5;} #lljz_web_menu{ position: static; z-index:99;} .onNavs #ll-layout,.tNavs #ll-layout{overflow-x: hidden;} .boxShadow{box-shadow: 0 0 17px 1px rgba(0,0,0,.1);} .compsBox{ position: relative; z-index: 1;} #lljz_web_main::before,#lljz_web_main::after{content:""; height: 0; display: block; overflow: hidden; clear: both; line-height: 0; width: 100%;} .webMainList .compsBox > .ll_view{ background-color: #fff; margin-bottom: 10px;} .compsBox > .ll_view > .ll_animView{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .compsBox > .moduleView{ padding: 10px;} .compFloat > .ll_view{overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .compFloat:hover{ z-index: 9999!important;} .pubMask{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 998;} /*网站头部样式*/ .com_header .webHeaderBox{background-color: #5874d8; color: #fff; max-width: 720px; width: 100%; position: fixed; margin: 0 auto; height: 50px; background-size: contain;} .com_header .webHeader{ padding:0 50px; text-align: center; font-size: 0;} .com_header .hasLang .webHeader{ padding-right: 50px;} .com_header .hasLang.hasIcon .webHeader{ padding-right: 60px;} .com_header .webHeader > img.webLogo{ display: inline-block; vertical-align: middle; max-width: 40px; max-height: 40px;} .com_header .webTitle{ display: inline-block; vertical-align: middle; padding: 0 10px; font-size: 16px; height:50px; line-height: 50px; max-width:60%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;} .com_header .webTopIcon{ position: absolute; top: 5px; right: 10px; width: 30px; height: 40px; text-align: center; cursor: pointer; color: #fff; text-align: center; line-height: 40px;} .com_header .hasLang .webTopIcon{ right: 35px;} .com_header .webTopIcon > .layui-icon{ font-size: 18px;} .com_header .webLang{ position: absolute; top: 0; right: 5px; width: 30px; height: 32px; font-size: 0; text-align: center; padding-top:18px; cursor: pointer;} .com_header .webLang span.langLocal{ display: inline-block; width: 16px; height: 12px; cursor: pointer; border-radius: 2px; background-image: url(../images/webbg.png); } #ll-layout span.ll-cn{ background-position: -24px -60px;} #ll-layout span.ll-zh-TW{background-position: -50px -60px; } #ll-layout span.ll-en{ background-position: -76px -60px;} #ll-layout span.ll-ko{ background-position: -100px -60px;} #ll-layout span.ll-ja{ background-position: -125px -60px;} #ll-layout span.ll-ru{ background-position: -149px -60px;} #ll-layout span.ll-fr{ background-position: -173px -60px;} #ll-layout span.ll-pt{ background-position: -199px -60px;} #ll-layout span.ll-es{ background-position: -226px -60px;} #ll-layout span.ll-it{ background-position: -251px -60px;} #ll-layout span.ll-de{ background-position: -276px -60px;} #ll-layout span.ll-vi{ background-position: -300px -60px;} #ll-layout span.ll-ar{ background-position: -325px -60px;} #ll-layout span.ll-hi{ background-position: -348px -60px;} #ll-layout .webBg{ background-color:#5874d8} #ll-layout .webColor{ color:#5874d8} #ll-layout .webBorder{border-color:#5874d8} #ll-layout .webBorder_t{border-top-color:#5874d8} #ll-layout .webBorder_r{border-right-color:#5874d8} #ll-layout .webBorder_b{border-bottom-color:#5874d8} #ll-layout .webBorder_l{border-left-color:#5874d8} #ll-layout .swiper-pagination-bullet-active{background:#5874d8!important;} body .editWebBg{background-color:#5874d8!important} body .editWebColor{color:#5874d8!important} body .editWebBorder{border-color:#5874d8!important} body .editWebBorder_t{border-top-color:#5874d8!important} body .editWebBorder_r{border-right-color:#5874d8!important} body .editWebBorder_b{border-bottom-color:#5874d8!important} body .editWebBorder_l{border-left-color:#5874d8!important} video{outline: none; max-width: 100%;} #webLangList{ display: none; } #app-view #webLangList{position: fixed; top: 0px; z-index: 999999; height: 100%;} #webLangList .pubMask{ background-color: rgba(255, 255, 255, .2);} #webLangList > ul{position: absolute;top: 50px;right: 9px;background-color: #fff;border-radius: 6px;padding: 5px 0;z-index: 999;} #webLangList > ul li a{display: block;text-align: right;height: 30px;line-height: 30px;padding: 0 12px; color: #555;} #webLangList > ul li a span{ display: inline-block; vertical-align: middle; margin-left: 5px; width: 16px; height: 12px; background-image: url(../images/webbg.png);} #webLangList > ul li a:hover{ background-color: #eee;} .com_articleDetail .newsDetail_con p,.com_proDetail .proTabCon_list p,.com_imageText .imageText_view{ min-height: 1.75em;} .com_articleDetail .newsDetail_con video,.com_proDetail .proTabCon_list video,.com_imageText .imageText_view video,.newsDetail_con_list video{ max-width: 100%;} /*网站导航*/ .com_menu { position: static; z-index: 99; outline: none;} .com_menu .webMenu_mask,#lljz_web_main .webMenu_mask{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(0,0,0,.1); display: none;} body.onNavs .com_menu{position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;} body.onNavs .webMenu_mask{ display: block;} .com_menu .menuList > ul > li > a span.defIcon:before{content: '\e624';} .com_menu .menuList > ul > li > a[data-type='index'] span.defIcon:before{content: '\e634';} .com_menu .menuList > ul > li > a[data-type='product'] span.defIcon:before{content: '\e77d';} .com_menu .menuList > ul > li > a[data-type='news'] span.defIcon:before{content: '\e691';} .com_menu .menuList > ul > li > a[data-type='msg'] a span.defIcon:before{content: '\e60a';} .com_menu .menuList > ul > li > a[data-type='map'] a span.defIcon:before{content: '\e665';} /*全局默认效果*/ .onNavs #lljz_web_layout,.onNavs #lljz_service,.onNavs .addTools{transition: all 350ms;} /*全局移动效果*/ .onNavs .menuAnimLeft > #lljz_web_layout,.onNavs .menuAnimLeft > #lljz_service,.onNavs .menuAnimLeft > .addTools{-webkit-transform: translate(60%,0);-moz-transform: translate(60%,0);-ms-transform: translate(60%,0);-o-transform: translate(60%,0);transform: translate(60%,0);} /* cyj菜单 */ .onNavs .menuAnimRight > #lljz_web_layout,.onNavs .menuAnimRight > #lljz_service,.onNavs .menuAnimRight > .addTools{-webkit-transform: translate(-60%,0);-moz-transform: translate(-60%,0);-ms-transform: translate(-60%,0);-o-transform: translate(-60%,0);transform: translate(-60%,0);} .onNavs .menuAnimRight2 > #lljz_web_layout,.onNavs .menuAnimRight2 > #lljz_service,.onNavs .menuAnimRight2 > .addTools{-webkit-transform: translate(-35%,0);-moz-transform: translate(-35%,0);-ms-transform: translate(-35%,0);-o-transform: translate(-35%,0);transform: translate(-35%,0);} .com_menu .menuBtn{ width:50px; height: 50px; position: absolute; top: 0; cursor: pointer; z-index: 999; color: #fff; text-align: center; line-height: 50px; font-size: 30px; -webkit-transition: all 350ms;-moz-transition: all 350ms;-ms-transition: all 350ms;-o-transition: all 350ms;transition: all 350ms;} .onNavs .menuBtn{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);} .onNavs .com_menu .menuBtn::before{content: "\e61a"!important;} .com_menu .menuList{position: absolute;visibility: hidden;overflow-x: hidden;overflow-y: auto;-webkit-transition: all 350ms;-moz-transition: all 350ms;-ms-transition: all 350ms;-o-transition: all 350ms;transition: all 350ms;-webkit-transform: translate(0,0);-moz-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0); -webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;} .com_menu .menuList > ul{ padding: 10px 0;} .com_menu .menuList > ul > li{position: relative; transform: translate(0,100%);} .com_menu .menuList > ul > li > a{display: block; overflow: hidden; height: 50px; padding-left: 10px; font-size: 0;} .com_menu .menuList > ul > li > a::after{display: inline-block;height: 100%;content: '';vertical-align: middle;} .com_menu .menuList > ul > li > a span.navItemIcon{font-size: 30px;display: inline-block; margin: 3px 5px 0 5px; vertical-align: middle;} .com_menu .menuList > ul > li.hasIcon > a span.navItemIcon,.com_menu .menuList > ul > li.hasIcon > a span.iconfront{ display: inline-block;} .com_menu .menuList > ul > li > a span.lang-icon{background-image: url(../images/webbg.png); width: 16px; height: 12px; cursor: pointer; border-radius: 2px; margin: 3px 7px 0 7px;} .com_menu .menuList > ul > li > a span.lang-icon::before{ display: none;} .com_menu .menuList > ul > li > a span.navItemName{ display: inline-block; vertical-align: middle; padding: 0; width: 60%; padding: 0 5px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;} .com_menu .menuList > ul > li > a span.navItemIcon{font-family: "iconfront"; font-size: 20px;} .com_menu .navStyle_0 .menuList{top: 50px; bottom: 0; z-index: 9;left: -60%; width: 60%; background-color: #fff;} .com_menu .navStyle_0 .menuList > ul { padding-top: 0;} .com_menu .navStyle_0 .menuList > ul > li > a{color: #333; border-bottom: 1px solid #fff; } .com_menu .navStyle_0 .menuList .navItem:after{position: absolute;top: 50%;right: 6px; transform: translateY(-50%); content: '\e687'; font-family: "iconfront"; } .com_menu .navStyle_0 .menuList > ul > li.on > a{color: #fff;} .com_menu .navStyle_0 .menuList > ul > li.on::after{color: #fff;} .onNavs .navStyle_0 .menuList{left: 0; display: block; visibility: visible;} .com_menu .navStyle_1 .menuList{top: 0; bottom: 0; z-index: 9;left: -60%; width: 60%; background-color: #f5f5f5;} .com_menu .navStyle_1 .menuList > ul > li { padding-left: 5px;} .com_menu .navStyle_1 .menuList li.navItem:after{position: absolute;top: 50%;right: 6px;transform: translateY(-50%);content: '\e687'; font-family: "iconfront" !important; } .com_menu .navStyle_1 .menuList > ul > li > a{color: #555;} .onNavs .navStyle_1 .menuBtn{ display: none;} .onNavs .navStyle_1 .menuList{left: 0; display: block; visibility: visible; z-index: 9999;} .onNavs .navStyle_1 .menuList > ul > li.on{ padding-left: 0; border-left: 5px solid #5874d8;} .com_menu .navStyle_2 .menuList{position: absolute;z-index: -9;top: 100%; visibility: hidden; overflow-x:hidden; overflow-y:hidden; top: 0; right: 0; height: 0; } .com_menu .navStyle_2 .menuList> ul { padding: 10px;} .com_menu .navStyle_2 .menuList> ul > li{position: relative; float: left;width: 50%;margin: 10px 0;} .com_menu .navStyle_2 .menuList > ul > li > a{width: 100%;height:25px;text-align: left; color: #fff;} .onNavs .com_menu .navStyle_2 .menuList{position: absolute;z-index: 6;top:50px; bottom:0; visibility: visible;height:auto; overflow-y:auto;} .com_menu .navStyle_2 .webMenu_mask{ background-color: rgba(0,0,0,.6); top: 50px;} .com_menu .navStyle_3 .menuList{position: absolute;z-index: -9; left: 0; right: 0; top: 60px; visibility: hidden; overflow-x:hidden; overflow-y:hidden; width: 100%; height: 0; background-color: #fff;} .com_menu .navStyle_3 .menuList> ul { padding: 10px;} .com_menu .navStyle_3 .menuList> ul > li{position: relative; float: left;width: 50%;margin: 10px 0; } .com_menu .navStyle_3 .menuList > ul > li > a{width: 100%;height: 25px;text-align: left; } .onNavs .com_menu .navStyle_3 .menuList{position: absolute;z-index: 6;top:50px; visibility: visible; height:auto; overflow-y:auto; max-height: 80%;} .com_menu .navStyle_3 .webMenu_mask{ background-color: rgba(0,0,0,.5); top: 50px;} .com_menu .navStyle_4 .menuBtn{ right: 0;} .com_menu .navStyle_4 .menuList{top: 0; bottom: 0; z-index: 9;right: -50%; width: 60%; background-color: #f5f5f5;} .com_menu .navStyle_4 .menuList > ul > li {transform: translate(100%,0); padding-left: 5px;} .com_menu .navStyle_4 .menuList li.navItem:after{position: absolute;top: 50%;right: 6px;transform: translateY(-50%);content: '\e687'; font-family: "iconfront" !important; } .com_menu .navStyle_4 .menuList > ul > li > a{color: #555;} .onNavs .navStyle_4 .menuBtn{ display: none;} .onNavs .navStyle_4 .menuList{right: 0; display: block; visibility: visible; z-index: 9999;} .onNavs .navStyle_4 .menuList > ul > li.on{ padding-left: 0; border-left: 5px solid #5874d8;} .com_menu .navStyle_5 .menuBtn{ right: 0;} .com_menu .navStyle_5 .menuList{top: 50px; bottom: 0; z-index: 9;right: -35%; width: 35%; background-color: #f5f5f5; overflow-x: hidden;} .com_menu .navStyle_5 .menuList > ul{ padding-top: 0;} .com_menu .navStyle_5 .menuList > ul{overflow-x: hidden;} .com_menu .navStyle_5 .menuList > ul > li{position: relative; transform: translate(100%,0); padding-left: 5px;} .com_menu .navStyle_5 .menuList > ul > li > a{overflow: hidden;width: 100%;height:60px; padding-left: 0; text-align: center;color: #555;border-bottom: 1px solid #d0d0d0; padding-top: 5px;} .com_menu .navStyle_5 .menuList > ul > li > a span.navItemIcon{display: none;text-align: center; margin: 5px auto;} .com_menu .navStyle_5 .menuList > ul > li.hasIcon > a span.navItemIcon{ display: block;} .com_menu .navStyle_5 .menuList > ul > li > a span.lang-icon{ margin-top: 10px;} .com_menu .navStyle_5 .menuList > ul > li > a span.navItemName{ display: block; margin: 0 auto; width: 90%; line-height: 55px;} .com_menu .navStyle_5 .menuList > ul > li.hasIcon > a span.navItemName{ line-height: normal;} .onNavs .navStyle_5 .menuList{right: 0; display: block; visibility: visible; z-index: 9999;} .onNavs .navStyle_5 .menuList > ul > li.on{ padding-left: 0; border-left: 5px solid #5874d8;} .onNavs .com_menu .menuList > ul > li{transform:translate(0,0);transition:all 450ms;} .onNavs .com_menu .menuList > ul > li:nth-child(1){transition-delay:200ms;} .onNavs .com_menu .menuList > ul > li:nth-child(2){transition-delay:260ms;} .onNavs .com_menu .menuList > ul > li:nth-child(3){transition-delay:320ms;} .onNavs .com_menu .menuList > ul > li:nth-child(4){transition-delay:410ms;} .onNavs .com_menu .menuList > ul > li:nth-child(5){transition-delay:500ms;} .onNavs .com_menu .menuList > ul > li:nth-child(6){transition-delay:560ms;} .onNavs .com_menu .menuList > ul > li:nth-child(7){transition-delay:600ms;} .onNavs .com_menu .menuList > ul > li:nth-child(8){transition-delay:660ms;} .onNavs .com_menu .menuList > ul > li:nth-child(9){transition-delay:700ms;} .onNavs .com_menu .menuList > ul > li:nth-child(10){transition-delay:720ms;} .onNavs .com_menu .menuList > ul > li:nth-child(11){transition-delay:740ms;} .onNavs .com_menu .menuList > ul > li:nth-child(12){transition-delay:760ms;} .onNavs .com_menu .menuList > ul > li:nth-child(13){transition-delay:780ms;} .onNavs .com_menu .menuList > ul > li:nth-child(14){transition-delay:800ms;} .onNavs .com_menu .menuList > ul > li:nth-child(15){transition-delay:820ms;} .onNavs .com_menu .menuList > ul > li:nth-child(n+16){transition-delay:840ms;} .com_footer .webCopyright{ text-align: center; padding: 10px 0; line-height: 2;} .com_footer .icpIcon{display: inline-block; margin-right: 5px; vertical-align: middle;} #webBackTop{ position: fixed; bottom:80px; right: 10px; width: 42px; height: 42px; border-radius: 2px; text-align: center; color: #fff; background-color: #5874d8; z-index: 99; cursor: pointer; line-height: 42px; opacity: .9;} #webBackTop.layui-icon-up{ font-size: 22px;} #webBackTop.layui-icon-top{ font-size: 38px;} .onNavs #webBackTop{display:none;} .editLab #lljz_service,.editLab .addTools{ position: relative;} .editLab .com_service,.editLab .addTools .toolsBox{position:absolute; left: 0; bottom: 0; right:5px; } #lljz_service,.addTools{z-index:8;} .com_service .webSerList{height: 50px; overflow: hidden; background-color: #5874d8;} .com_service .webSerList ul{display:flex;} .com_service .webSerList ul li{flex:1;} .com_service .webSerList ul li a{ height:45px; display:block; text-align:center; font-size: 0; padding-top: 5px;} #lljz_service .webSerList ul li a{color:#fff;} .com_service .webSerList ul li a span.itemIcon{width: 32px; height: 26px; line-height:26px; font-size:20px; overflow: hidden; display: inline-block; } /* .com_service .webSerList ul li a span.itemIcon::before{ content:"\e77d";} .com_service .webSerList span.itemIcon[data-type='index']::before{content:"\e634"} .com_service .webSerList span.itemIcon[data-type='product']:before{content: '\e77d'} .com_service .webSerList span.itemIcon[data-type='news']:before{content: '\e691'} .com_service .webSerList span.itemIcon[data-type='msg']::before{content:"\e60a"} .com_service .webSerList span.itemIcon[data-type='map']::before{content:"\e665";} .com_service .webSerList span.itemIcon[data-type='tel']::before{content:"\e60d"} .com_service .webSerList span.itemIcon[data-type='sms']::before{content:"\e647"} */ .com_service .webSerList ul li span.itemName{font-size:12px; height:18px; text-overflow: ellipsis;overflow:hidden;display:block; margin: 0 auto; width: 80%;} .com_imageText > .imageText_view{ min-height: 50px; line-height: 25px;} .com_imageText > .imageText_view img,.com_imageText > .imageText_view iframe{ max-width: 100%!important;} .com_imageText .imageText_image{ display: block;} .com_imageText .imageText_img_1,.com_imageText .imageText_img_6{ text-align: center;} .com_imageText .imageText_img_3{ float: left;} .com_imageText .imageText_img_5{ float: right;} /* 标题样式 */ #lljz_web_main .com_webTitle .webTitle_view{ margin-bottom: 0;} .com_webTitle .titleBox {position: relative;height: 46px;box-sizing: border-box;} .com_webTitle .title_Inner {display: inline-block;font-size: 0;} .com_webTitle .title_Inner .titleName {display: inline-block;font-size: 18px;height: 45px;line-height: 45px;} .com_webTitle .title_style0 .titleName {padding-left: 10px; font-size: 18px;} .com_webTitle .title_style1 {display: block;} .com_webTitle .title_style1 .titleName {vertical-align: middle;} .com_webTitle .title_style0 .border_line {position: absolute;bottom: 1px;width: 100%;border-bottom: 1px solid #5874d8; left: 0; right: 0;} .com_webTitle .title_style2 .titleName,.com_webTitle .title_style3 .titleName {display: inline-block;padding: 0 15px;min-width: 60px;text-align: center;color: #fff;background-color: #5874d8;z-index: 2;font-size: 16px;height: 45px;line-height: 45px;} .com_webTitle .title_style2 .border_line,.com_webTitle .title_style3 .border_line {position: absolute;left: 0;bottom: 1px;width: 100%;border-bottom: 1px solid #5874d8;display: block;} .com_webTitle .title_style3{ height: 100%;} .com_webTitle .title_style3::before{ content:" "; display: inline-block; height: 100%; width: 0; vertical-align: middle;} .com_webTitle .title_style3 .titleName{ border-radius: 0 50px 50px 0; height: 30px; line-height: 30px; font-size: 14px; vertical-align: middle; } .com_webTitle .title_style4{ position: relative; height: 100%;} .com_webTitle .title_style4 .titleIcon{display: inline-block; height:14px; width: 3px; position: absolute; left: 10px; top: 50%; margin-top: -7px;} .com_webTitle .title_style4 .titleName{ padding-left: 25px; font-size: 16px;} .com_webTitle .moreBtn_Inner {position: absolute;right: 0;top: 0;cursor: pointer; width: 45px; height: 45px; line-height: 45px; text-align: center;} /* .com_webTitle .titleName,.com_webTitle .morebtn_style {line-height: 45px;font-size: 12px;} */ .com_webTitle .moreBtn_icon0>i {display: block;transform: rotate(180deg);} .com_webTitle .moreBtn_icon1>i {font-size: 22px;} .com_webTitle .moreBtn_icon2,.com_webTitle .moreBtn_icon3 {font-size: 12px;} /* 在线地图样式 */ .com_onlineMap .onlineMapBox {height: 300px;min-height: 300px;padding: 5px 10px;} .com_onlineMap .onlineMap {width: 100%;height: 100%;} .com_onlineMap .openMapLink{ padding-top: 10px; } .com_onlineMap .openMapLink > a{ display: inline-block; height: 30px; padding:0 20px; line-height: 30px; border: 1px solid #333333; border-radius: 4px; background-color: #fff; color: #333333;} /* 文件下载样式 */ .com_download .wap_downloadBox {padding: 5px 10px;} .com_download .file_liSet {clear: both;margin-bottom: 10px;border-bottom: 1px solid #ddd;} .com_download .fileIcon_style img {float: left;width: 45px;height: 45px;margin: 0 10px 10px 0;} .com_download .fileTitle_style {height: 45px;line-height: 45px;margin: 10px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .com_download .fileDown_content {margin-bottom: 10px;} .com_download .file_introduce {margin-bottom: 10px;font-size: 12px;color: #333333;} .com_download .downLine {height: 26px;line-height: 26px;} .com_download .file_release {display: inline-block;font-size: 12px;margin-right: 10px;color: #818182;} .com_download .file_author {display: inline-block;font-size: 12px;color: #818182;} .com_download .downBtn {width: 100px;height: 26px;line-height: 26px;font-size: 12px;text-align: center;float: right;color: #fff;} .com_download .file_liTable {clear: both;margin-bottom: 20px;border-bottom: 1px solid #ddd;} .com_download .tableContent {width: 100%;height: 40px;table-layout: fixed;} .com_download .fileName {width: 50%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .com_download .fileDownBtn {width: 30%;text-align: center;} /* 轮播图样式 */ .com_carousel .carouselBox_wap {height: auto;min-height: 50px;cursor: pointer;} .com_carousel .swiper-slide {position: relative;text-align: center;} .com_carousel .carouselPic {width: 100%; display: block;} .com_carousel .textDes_content {position: absolute;left: 0;bottom: 0;width: 100%;background-color:rgba(153, 153, 153, .8);color: #fff;font-size: 12px;z-index: 2; height: 30px;line-height: 30px;} .com_carousel .textWrap0 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .com_carousel .textWrap1 {height: auto;word-wrap:break-word;} .com_carousel .swipe-handler {position: absolute;left: 0;bottom: 0;width: 100%;height: 100px;} .com_carousel .showType_0.isDes_1 .swiper-pagination{ bottom: 40px;} /* 列表多图样式 */ /* .com_listPhoto .listPhotoBox{padding: 5px 10px;cursor: pointer;} .com_listPhoto .listPhoto_ul {width: 100%;} .com_listPhoto .listPhoto_li:nth-child(2n+1) {clear: both;} .com_listPhoto .listPhoto_li {box-sizing: border-box;float: left;width: 50%;padding: 0 5px 10px 5px;} .com_listPhoto .listPhoto_li_01 {margin: auto;width: 100%;} .com_listPhoto .photo_WidHigh {border: 1px solid #e8e8e8; position: relative; height: 125px;} .com_listPhoto .photo_WidHigh .photoBox{ position: absolute; height: 110px;} .com_listPhoto .zoomPic img {max-width: 100%;max-height: 100%;} .com_listPhoto .textContent,.com_listPhoto .desTitle {text-align: center;} */ .com_listPhoto .des_wrap {word-wrap: break-word;} .com_listPhoto .des_nowrap {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .com_listPhoto .listPhotoBox{position: relative; min-height: 100px;} .com_listPhoto .listPhoto_ul{width: 100%; min-height: 50px;} .com_listPhoto .listPhoto_li{display: block;cursor: pointer; padding: 10px; overflow: hidden; text-align: center; box-sizing: border-box;} .com_listPhoto .swiper-container .listPhoto_li{ padding: 10px 0;} .com_listPhoto .listPhoto_li .photo_WidHigh{min-height:120px;border: 1px solid #e8e8e8; box-sizing: border-box; position: relative; overflow: hidden;} .com_listPhoto .listPhoto_li .photo_link{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: contain; background-position: center center;} .com_listPhoto .listPhoto_li .textContent{width: 100%; box-sizing: border-box; margin: 0 auto; font-size: 14px;padding: 6px 0;overflow: hidden;text-overflow: ellipsis;} .com_listPhoto .listPhoto_li .textContent > div{box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;} .com_listPhoto .listPhoto_li .textContent .desTitle {white-space: nowrap;} .com_listPhoto .listPhoto_li .titleContent{margin: 0 auto;padding: 6px 10px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display: block;} .com_listPhoto .photo_pagination{ text-align: center; padding: 10px 0;} .com_listPhoto .swiper-pagination-bullet{ opacity: .8; margin: 0 3px; width: 12px; height: 12px; background-color: rgba(0,0,0,.5);} .com_listPhoto .listPhoto_1 .listPhoto_li{ float: left; width: 50%;} .com_listPhoto .listPhoto_1 .listPhoto_li:nth-child(2n+1) {clear: both;} .com_listPhoto .listPhoto_0 .listPhoto_li .photo_WidHigh{ height: 150px;} .com_listPhoto .listPhoto_2 .listPhoto_li { float: left; width: 33.3%;} .com_listPhoto .listPhoto_2 .listPhoto_li:nth-child(3n+1) { clear: both;} /*文章列表*/ .com_articleList .newsListBox{min-height: 100px; padding: 10px 0;} .com_articleList .newsListBox li{position: relative;} .com_articleList .newsListBox li div.newsTitle{ font-size: 15px; height:23px;} .com_articleList .newsListBox li div.newsDes{ max-height: 46px; line-height: 23px; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2; text-overflow:ellipsis; -webkit-box-orient:vertical; color: #878787; font-size: 12px; margin-bottom: 5px;} .com_articleList .newsListBox li div.newsImg{background-size: cover; background-position: center center; width: 100px; height: 80px; border: 1px solid #ddd; background-repeat: no-repeat;} .com_articleList .newsListBox li div.newsInfo{ position: relative; font-size: 13px;} .com_articleList .newsListBox li > a.newsLink{ display: block;} .com_articleList .newsListBox li .newsDate{height: 20px; color: #878787; font-size: 12px;} .com_articleList .newsList_0 li{height: 90px; padding-left: 120px; margin:10px;} .com_articleList .newsList_0 li div.newsImg{ position: absolute; top: 0; left: 0;} .com_articleList .newsList_0 li:first-child{ height: 180px; padding: 0; margin-top: 0;} .com_articleList .newsList_0 li:first-child .newsImg{ right: 0; bottom: 0; width: auto; height: auto;} .com_articleList .newsList_0 li:first-child .newsDes,.com_articleList .newsList_0 li:first-child .newsDate{ display: none;} .com_articleList .newsList_0 li:first-child .newsTitle{ position: absolute; left: 0; right: 0; bottom:0; height: 30px; background-color: rgba(0,0,0,.6); color: #fff; padding: 0 10px; height: 35px; line-height: 35px;} .com_articleList .newsList_1 li{height: 90px; padding-left: 120px; margin:10px;} .com_articleList .newsList_1 li:first-child { margin-top: 0;} .com_articleList .newsList_1 li div.newsImg{ position: absolute; top: 0; left: 0;} .com_articleList .newsList_3 li{height: 90px; padding-right: 120px; margin:10px;} .com_articleList .newsList_3 li div.newsImg{position: absolute; top: 0; right: 0;} .com_articleList .newsList_2{ padding: 0 10px;} .com_articleList .newsList_2 li{min-height: 40px; padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px dashed #ddd;} .com_articleList .newsList_2 li div.newsTitle{font-size: 15px; height: 28px; line-height: 25px;} .com_articleList .newsList_2 li div.newsImg{ height: 125px; display: block; width: 100%;} .com_articleList .newsList_4 li{min-height: 40px; border-bottom: 1px dashed #ddd; padding: 0 5px; margin-bottom: 10px;} .com_articleList .newsList_4 li div.newsTitle{padding-right: 90px; font-size: 15px; height: 25px; line-height: 25px;} .com_articleList .newsList_4 li div.newsDate{ position: absolute; right: 5px; height: 25px; white-space: nowrap; text-align: right; top: 0; font-size: 13px; line-height: 25px;} .llw-laypage{position: relative; height: 45px; text-align: center;} .llw-laypage .pageBtn{ display: inline-block; position: absolute; top: 5px; width: 70px; height: 28px; line-height: 28px; font-size: 14px; border: 1px solid #5874d8; color: #5874d8; cursor: pointer; border-radius: 3px; background-color: #fff;} .llw-laypage .pageBtn[data-type="prev"]{ left: 10px;} .llw-laypage .pageBtn[data-type="next"]{right: 10px;} .llw-laypage .pageBtn.pageDisabled{border-color: #ccc!important; color: #ccc!important; cursor: not-allowed;} .llw-laypage .pageSelect{ padding-top: 5px; display: inline-block;} .llw-laypage .pageSelect select{ height: 30px; line-height: 30px; cursor: pointer; font-size: 14px; color: #555; border: 1px solid #ddd; padding: 0 8px; -webkit-appearance:none;-moz-appearance:none;-o-appearance:none; border-radius:0; cursor: pointer; border: 0; background: none;} .llw-laypage .pageSelect select:focus{border-color:#5874d8; outline: 0; box-shadow: 0 0 3px rgba(0,0,0,0.2); border-radius: 0; -webkit-appearance:none;-moz-appearance:none;-o-appearance:none; border-radius:0; cursor: pointer; border: 0; background: none} /*文章详情*/ .com_articleDetail .newsDetail_box{ min-height:100px; padding: 10px;} .com_articleDetail .newsDetail_title{line-height: 2; font-size: 18px; font-weight: bold;} .com_articleDetail .newsDetail_lan{ padding: 5px 0 ; min-height: 30px; opacity: .8;} .com_articleDetail .newsDetail_lan > span{ display: inline-block; line-height: 30px; margin-right: 10px; max-width: 200px; vertical-align: middle; font-size: 13px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;} .com_articleDetail .newsDetail_lan > span.newsDetail_date{ max-width: 300px;} .com_articleDetail .newsDetail_lan > span.newsDetail_type a{ display: inline-block; margin-right: 10px;} .com_articleDetail .newsDetail_con{ min-height: 100px; line-height: 1.8;} .com_articleDetail .newsDetail_con p{ min-height: 1.75em;} .com_articleDetail .newsDetail_con img,.com_articleDetail .newsDetail_con table,.com_articleDetail .newsDetail_con iframe{ max-width: 100%!important;} .com_articleDetail .newsDetail_con img{ height: auto;} .com_articleDetail .newsDetail_type{line-height: 25px; padding-top: 5px; opacity: .8;} .com_articleDetail .newsDetail_list{height: 40px; position: relative; line-height: 40px;} .com_articleDetail .newsDetail_list > span{display: inline-block; white-space: nowrap; opacity: .8; margin-right: 20px;} .com_articleDetail .newsDetail_list > span.shareBtnIcon{ position: absolute; top: -3px; right: 0; margin: 0; opacity: 1; width: 34px; height: 34px; line-height: 34px; cursor: pointer; border: 1px solid #ddd; border-radius: 100%; font-size: 20px; text-align: center;} /* .com_articleDetail .newsDetail_list > span:first-child{ left: 0;} .com_articleDetail .newsDetail_list > span:last-child{ right: 0;} */ .com_articleDetail .newsDetail_tools{ position: relative;} .com_articleDetail .newsDetail_page{ padding: 5px 0; line-height: 30px;} .com_articleDetail .newsDetail_page.pageTitle_0{ text-align: center; height: 32px; position: relative; margin-top: 10px;} .com_articleDetail .newsDetail_page.pageTitle_0 a{ position: absolute; top: 0; width: 80px; text-align: center; height: 32px; line-height: 32px; font-size: 14px; border-radius: 3px; border: 1px solid;} .com_articleDetail .newsDetail_page.pageTitle_0 a.prevBtn{ left: 0;} .com_articleDetail .newsDetail_page.pageTitle_0 a.nextBtn{ right: 0;} .com_articleDetail .pageTitle_1 > div{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; max-width: 80%; line-height: 30px;} .tableScorll{ max-width: 100%; overflow-x: auto; padding-bottom: 5px;} .tableScorll::-webkit-scrollbar{height: 5px;background-color:#ddd; border-radius: 4px; } .tableScorll::-webkit-scrollbar-track{border-radius: 10px; background-color: transparent ;} .tableScorll::-webkit-scrollbar-thumb{border-radius: 10px; background-color: #9c9da0; } /* 手机版广告图片组件样式 */ .com_picture .adPictureMain {position: relative;min-height: 50px;overflow: hidden;} .com_picture .adPictureMain img {width: 100%;} .com_picture .hotAreaLink {position: absolute;display: block; z-index: 9;} .com_picture .btnBlockBox, .com_picture .textBlockBox,.com_picture .picBlockBox {position: absolute;} .com_picture .brnStyle {width: 100%;height: 100%;color: #5874d8;text-align: center;background-color: #fff;border: 1px solid #5874d8;border-radius: 10px;overflow: hidden;white-space: nowrap;font-size: 12px;} .com_picture .textContent {overflow: hidden;word-break: break-all;height: 100%;color: #000;} .com_picture .picBlockBox img {width: 100%;height: 100%;} /* 手机标题组件样式 */ .com_webTitle .sonColumn {vertical-align: middle;font-size: 30px;} .com_webTitle .title_style1 {text-align: center;} /* .com_webTitle .title_style1 .titleName {display: inline-block;} */ .com_webTitle .bothLine {display: inline-block;width: 50px;height: 1px;background-color: #5875d8;vertical-align: middle;margin: 0 10px;} /* 手机标题遮罩样式 */ #titleNavList{ z-index: -1; position: relative;} #titleNavList #columnBox{position: absolute;top: 0;bottom:0;right: -60%;width: 60%;visibility: hidden;overflow-x: hidden;overflow-y: auto;z-index: 9;background-color: #fff;transition: all .3s; right:-60%; visibility: hidden; padding-bottom: 20px; display: none;} /* #lljz_web_main #sonClomunBox .columnList_ul {margin-top: 50px;} */ #titleNavList #columnBox.columnHide {display: none;} /* #titleNavList .columnBox .clomName {box-sizing: border-box;width: 100%;height: 50px;line-height: 50px;padding-left: 10px;border-bottom: 1px solid #555;} #titleNavList .columnBox .sonName {color: #fff;text-align: left;display: block;white-space: nowrap;text-overflow: ellipsis;text-decoration: none;font-weight: normal;overflow: hidden; padding-left: 15px;} */ #titleNavList .first_ul li a{text-align: left;display: block;white-space: nowrap;text-overflow: ellipsis;text-decoration: none;font-weight: normal;overflow: hidden; padding-left: 15px; height: 50px; line-height: 50px; border-bottom: 1px solid #fff; position: relative;} #columnBox li a{color: #333;} #titleNavList #columnBox li a:after{position: absolute; top: 0;right: 6px; content: '\e687'; font-family: "iconfront"; } #titleNavList .first_ul li.on > a{ color:#fff;} #titleNavList #columnBox ul ul{ display: none;} #titleNavList #columnBox ul ul li a{ padding-left: 30px;} #titleNavList #columnBox ul ul ul li a{ padding-left: 45px;} #titleNavList .titleShade {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 8;background-color: rgba(0,0,0,.4);display: none;} body.tNavs #titleNavList{top: 0; bottom: 0; z-index: 999;} body.tNavs #titleNavList #columnBox{right:0;visibility:visible; display: block;} body.tNavs #titleNavList .titleShade{display: block;} /* 手机在线视频组件样式 */ .com_onlineVideo .onlineVideoBox {min-height: 150px;background-color: #000;background-size: 100%;background-position: center center;background-repeat: no-repeat;} .com_onlineVideo .videoPlay {position: absolute;top: 50%;left: 50%;display: block;font-size: 50px;color: #ffffff;margin: -25px 0 0 -25px;} .com_onlineVideo .videoPlay_mouse {position: absolute;top: 50%;left: 50%;display: block;font-size: 50px;color: #ffffff;margin: -25px 0 0 -25px;cursor: pointer;} .com_onlineVideo .videoBlock {width: 100%;height: 100%;} .com_onlineVideo .iframeVideo {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;} /*产品列表*/ .com_productList .proListBox{position: relative; min-height: 100px;} .com_productList .proList_ul{width: 100%; min-height: 50px;} .com_productList .proList_li{display: block;cursor: pointer; padding: 10px; overflow: hidden; text-align: center; box-sizing: border-box;} .com_productList .proList_li .pro_WidHigh{height:120px;border: 1px solid #e8e8e8; box-sizing: border-box; position: relative; overflow: hidden;} .com_productList .proList_li .pro_link{ display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: contain; background-position: center center;} .com_productList .proList_li .textContent,.com_productList .proList_li .propTextList{max-width: 100%; box-sizing: border-box; margin: 0 auto; font-size: 14px;} .com_productList .proList_li .textContent > div,.com_productList .proList_li .propTextList > div{box-sizing: border-box;} .com_productList .proList_li .titleContent,.com_productList .proList_li .propText{margin: 0 auto;padding: 6px 10px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display: block;} .com_productList .proList_li .priceText > .salePrice{ font-size: 14px; color: #c40000; font-weight: bold;} .com_productList .proList_li .priceText > .marketPrice{ color: #999; font-size: 12px; text-decoration: line-through; margin-left: 10px;} .com_productList .pro_pagination{ text-align: center; padding: 10px 0;} .com_productList .swiper-pagination-bullet{ opacity: .8; margin: 0 3px; width: 12px; height: 12px; background-color: rgba(0,0,0,.5);} .com_productList .proList0 .proList_li .pro_WidHigh{ height: 150px;} .com_productList .proList1 .proList_li{ float: left; width: 50%;} .com_productList .proList2 .proList_li{ float: left; width: 33.3%;} .com_productList .proList3 .proList_li{ padding-left: 160px; padding-right: 10px; position: relative; height:150px;} .com_productList .proList3 .proList_li .pro_WidHigh{ width: 140px; position: absolute; top: 10px; left: 10px; height: 120px;} .com_productList .proList3 .proList_li .titleContent,.com_productList .proList3 .proList_li .propText{ text-align: left;} /* .com_productList .proList3 .proList_li .pro_WidHigh{margin: 0;float: left;} .com_productList .proList3 .textContent{display: inline-block;width: calc(100% - 240px); padding: 0 10px; box-sizing: border-box;} .com_productList .proList3 .titleContent{ text-align: left; height: 30px; line-height: 30px; padding:0 10px} .com_productList .description_text,.com_searchCon .description_text {padding:0 10px;} */ /*产品详情*/ .com_proDetail .proDetail_box{ min-height:100px;} .com_proDetail .proDetail_info{min-height: 100px; padding-bottom: 20px;} .com_proDetail .proDetail_name{ padding:5px 10px; min-height: 30px; font-size: 18px; line-height: 2; max-width: 100%;} .com_proDetail .proInquiryForm{ padding-right: 120px; position: relative;} .com_proDetail .proInquiryForm > .proFormBtn{ position: absolute; top:5px; right: 10px; height: 35px; line-height: 35px; cursor: pointer; border: 1px solid; width: 100px; text-align: center; z-index: 9; font-size: 14px; border-radius: 4px; color: #fff;} .com_proDetail .proDetail_price{padding:0 10px; min-height: 30px;} .com_proDetail .proDetail_price > b{ font-size: 22px;} .com_proDetail .proDetail_price > span{ color: #999; text-decoration: line-through; margin-left: 10px; font-size: 14px;} .com_proDetail .proDetail_des{ padding:5px 10px 15px 10px; min-height: 30px; line-height: 2;} .com_proDetail .proDetail_prop{ font-size: 0;} .com_proDetail .proDetail_prop > span.proProp{ display: inline-block; width: 100%; font-size: 14px; box-sizing: border-box; padding-right: 15px; height: 30px; line-height: 30px; margin-bottom: 10px;} .com_proDetail .proDetail_tab{ border-top: 1px solid #ddd;} .com_proDetail .proTab_list{overflow-x: auto; overflow-y: hidden;} .com_proDetail .proTab_list::-webkit-scrollbar{height:2px; background-color:#f9f9f9} .com_proDetail .proTab_list::-webkit-scrollbar-track{ background-color: transparent ;} .com_proDetail .proTab_list::-webkit-scrollbar-thumb{ background-color: #eee;} .com_proDetail .proTab_list ul{font-size: 0; white-space: nowrap; display: block;} .com_proDetail .proTab_list li{ height: 50px; font-size: 14px; text-align: center; line-height: 50px; cursor: pointer; position: relative; padding: 0 10px; display: inline-block; vertical-align: top;} .com_proDetail .proTab_list li.on{ color: #5874d8;} .com_proDetail .proTab_list li span.webBg{position: absolute; width: 30px; bottom: 0; height: 4px; background-color: #5874d8; content:""; left: 50%; margin-left: -15px; display: none;} .com_proDetail .proTab_list li.on span.webBg{ display: block;} .com_proDetail .proTab_con{ min-height: 200px; padding: 0 10px;} .com_proDetail .proTabCon_list{ padding: 10px; line-height: 2; display: none;} .com_proDetail .proTabCon_list img,.com_proDetail .proTabCon_list table,.com_proDetail .proTabCon_list div{ max-width: 100%; height: auto;} .com_proDetail #tabCon_proPropList{ padding: 10px 0;} .com_proDetail .proPropList{min-height: 30px; line-height: 30px; border-bottom: 1px solid #ddd; padding: 7px 5px;} .com_proDetail .proPropList span{ display: inline-block; font-size: 13px; vertical-align: top;} .com_proDetail .proPropList span.propertyName{ width: 35%; text-align: right;} .com_proDetail .proPropList span.propertyValue{ width: 65%;} .com_proDetail .proDetail_img{position: relative;} .com_proDetail .imgScrollList { margin-bottom: 10px;} .com_proDetail .imgScrollList .swpierImg{display: block;cursor: pointer; text-align: center; height: 350px; background-position: center center; background-repeat: no-repeat; background-size: contain; } .com_proDetail .imgScrollList .swpierImg .proVideoBox{ width: 100%; height: 100%; background-color: #000;} .com_proDetail .imgScrollList .swpierImg .videoPlay {position: absolute;top: 50%;left: 50%;display: block;font-size: 50px;color: #ffffff;margin: -25px 0 0 -25px;} .com_proDetail .pro_pagination{ text-align: center; position: absolute; z-index: 9;} .com_proDetail .swiper-pagination-bullet{ opacity: .8; margin: 0 3px; width: 12px; height: 12px; background-color: rgba(0,0,0,.5);} .com_proDetail .detailPage_tools{ margin: 0 10px;} .com_proDetail .proTab_con img{cursor: pointer;} .com_proDetail .proDetail_list{ position: relative; height: 40px; margin: 0 10px;} .com_proDetail .proDetail_list .shareBtnIcon{position: absolute; top: -3px; right: 0; margin: 0; opacity: 1; width: 34px; height: 34px; line-height: 34px; cursor: pointer; border: 1px solid #ddd; border-radius: 100%; font-size: 20px; text-align: center;} .com_proDetail .detailPage_tools{ position: relative;} .com_proDetail .detailPage_tools .detail_page{ padding: 10px 0; line-height: 30px; border-top: 1px solid #ddd;} .com_proDetail .detailPage_tools .detail_page a{ display: inline-block; vertical-align: middle;} .com_proDetail .detailPage_tools .pageTitle_1 > div{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; max-width: 80%; line-height: 30px;} .com_proDetail .detailPage_tools .detail_page.pageTitle_0{ text-align: center; height: 35px; position: relative;} .com_proDetail .detailPage_tools .detail_page.pageTitle_0 .pageBtn{ position: absolute; top: 10px; width: 80px; text-align: center; height: 32px; line-height: 32px; font-size: 14px; border-radius: 3px; border: 1px solid;} .com_proDetail .detailPage_tools .detail_page.pageTitle_0 .prevBtn{ left: 0;} .com_proDetail .detailPage_tools .detail_page.pageTitle_0 .nextBtn{ right: 0;} .com_proDetail .detailPage_tools .detail_page.pageTitle_0 .pageDisabled{ opacity: .5; cursor: not-allowed;} .com_proDetail .proSplitLine{ height: 10px; background-color:#f7f7f7;} .com_proDetail #proSpecInfo{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff; height: 50px; line-height: 50px; font-size: 16px; padding: 0 10px; position: relative; cursor: pointer;} .com_proDetail #proSpecInfo .text{ margin-right: 10px;} .com_proDetail #proSpecInfo .arrowIcon{ position: absolute; top: 0; right: 10px; font-size: 20px;} #buyTools .toolsBox{ border-top: 1px solid #ddd; background-color: #fff; height: 49px; overflow: hidden;} #buyTools li.btnIcon{ display: block; text-align: center; width: 20%; float: left;} #buyTools li.btnIcon > a{ display: block; height: 43px; border-right: 1px solid #ddd; padding-top: 6px; line-height: normal; position: relative;} #buyTools li.btnIcon > a > i{display: block; padding-bottom: 3px;} #buyTools li.btnIcon > a > p{ font-size: 12px; margin: 0;} #buyTools li.btnIcon > a .cartNum{ position: absolute; left: 50%; margin-left: 3px; top: 2px; min-width: 16px; height: 16px; line-height: 16px; font-size: 12px; color: #fff; background-color: #f44; border-radius: 100%; white-space: nowrap; } #buyTools li.buyBtn{ display: block; text-align: center; width: 30%; float: left; height: 49px; cursor: pointer; line-height: 48px;} #buyTools li.buyBtn > span{ display: block;} .toolsBox li.buyBtn span.addToCart{ color: #5875d8;} .toolsBox li.buyBtn span.goToBuy{ background-color: #5875d8; color: #fff;} #proBuyBox { max-width: 720px; margin: 0 auto; z-index: 999; height: 500px;} #proBuyBox .proBuyHead{ padding: 15px 15px 0 120px; position: relative;} #proBuyBox .proBuyHead .close-popup{ width: 30px; height: 30px; border: 1px solid #555; line-height: 30px; text-align: center; border-radius: 50%; cursor: pointer; position: absolute; right: 10px; top: 10px; z-index: 9;} #proBuyBox .proBuyHead .proBuyImg{ position: absolute; width: 100px; height: 100px; border: 1px solid #ddd; border-radius: 4px; left: 9px; top: 10px; overflow: hidden;} #proBuyBox .proBuyHead .proBuyImg img{ display: block; width: 100px; height: 100px;} #proBuyBox .proBuyHead .proBuyName{ font-size: 16px; padding-right: 50px; height: 40px;} #proBuyBox .proBuyHead .proBuyPrice{ height: 30px; color:#f44; font-size: 15px;} #proBuyBox .proBuyHead .proBuyStock{ height: 30px; color: #777;} #proBuyBox .proDetail_specList{ max-height: 200px; overflow-x:hidden; overflow-y: auto;} #proBuyBox .proDetail_specList .buyInfo_item:first-child{border-top: 0;} #proBuyBox .proDetail_specList .buyInfo_item{ min-height:50px; border-top: 1px solid #ddd; padding: 10px;} #proBuyBox .proDetail_specList .buyInfo_item > .buyItem_text{ height: 26px;} #proBuyBox .proDetail_specList .buyInfo_item > ul li.specItem{float: left;margin-right: 10px;margin-bottom: 5px;margin-top: 5px;height: 30px;line-height: 30px; cursor: pointer;border-radius: 4px;padding: 0 15px;white-space: nowrap;} .buyInfo_item > ul li.specItem{border: 1px solid #ddd; background-color: #fff;} #proBuyBox .proDetail_specList .buyInfo_item > ul li.on{ color: #fff;} #proBuyBox .proBuyNum{ padding: 10px 0; border-top: 1px solid #ddd;} #proBuyBox .proBuyNum .weui-cell__bd{ font-size: 16px;} #proBuyBox .weui-count .weui-count__btn{ width: 35px; height: 35px; background-color: #fff; border: 1px solid #ddd; border-radius: 0; cursor: pointer;} #proBuyBox .weui-count .weui-count__btn:after,#proBuyBox .weui-count .weui-count__btn:before{ background-color: #555;} #proBuyBox .weui-count .weui-count__btn:after{ margin-left: 0;} #wapShareTips{ position: fixed; top: 0; bottom: 0; width: 100%; max-width: 720px; margin: 0 auto; z-index: 9999999; background-color: #fff;} #proBuyBox .weui-count .weui-count__number{ height: 35px; width: 60px; border: 1px solid #ddd; background-color: #fff; vertical-align:top; text-align: center;} #proBuyBox .proBuyBtn{ border-top: 1px solid #ddd; padding: 10px; text-align: center;} #proBuyBox .proBuyBtn .btn{ height: 40px; line-height: 40px; text-align: center; border-radius: 4px;cursor: pointer; display: inline-block;} .proBuyBtn .btn{ background-color: #fff; border: 1px solid #ddd;} #proBuyBox .proBuyBtn .addToCart{width: 45%; margin-right: 5px;} #proBuyBox .proBuyBtn .goToBuy{ width: 45%; color: #fff; margin-left: 5px;} #proBuyBox .proBuyBtn .buyBtn{ color: #fff; width: 100%;} /* #proBuyBox .proBuyBtn .specBtn{ display: none;} */ #proBuyBox .proBuyBtn .hideBtn{ display: none;} .weui-toast .weui-toast_content{ padding-bottom: 10px; text-align: center;} .weui-toast--text .weui-toast_content{ padding-bottom: 0;} #wapShareTips > .tipBoxCon{ position: absolute; top: 20%; left: 20px; right: 20px; text-align: center;} #wapShareTips > .tipBoxCon > .tipBoxCon_icon{color: #999;font-size: 120px;display:inline-block;} #wapShareTips > .tipBoxCon > .tipBoxCon_text{padding: 30px 10px;font-size: 18px;} #wapShareTips > .tipBoxCon > .tipBoxCon_btn{ display: inline-block; border-radius: 4px; border: 1px solid #ddd; height: 50px; width: 200px; line-height: 50px; font-size: 16px; cursor: pointer;} body.showShare,body.showPhone{overflow: hidden;} /* 产品询盘 */ .onProForm{ overflow: hidden;} .onProForm #proInquiryPage{overflow-y:auto; height: 100%;} #proInquiryPage{position: fixed; bottom:0; z-index:9999; background-color:#f7f7f7; box-sizing:border-box; color:#555; max-width: 720px; width: 100%; margin: 0 auto; transition: all .3s; height: 0; overflow: hidden;} #proInquiryPage a{ color: #555;} #proInquiryPage > .proFormTop{padding-top: 10px; position: relative; height: 45px; border-bottom: 1px solid #ddd;} #proInquiryPage > .proFormTop > .proFormBack{height: 40px; width: 30px; font-size: 22px; line-height: 36px; position:absolute; left: 5px; top: 8px; cursor: pointer;} #proInquiryPage > .proFormTop > .topTitle{ margin-left: 40px; padding-left: 15px; margin-right: 15px; padding-right: 40px; position: relative; line-height: 30px; text-align: center; font-size: 16px;} #proInquiryPage .proFormCon{position: absolute; top: 55px; right: 0; bottom: 25px; left: 15px; overflow:auto; padding-right: 15px;} .com_cubeNav .cubeNav_view{ min-height: 80px;} .com_cubeNav .cubNavBox { font-size: 0;} .com_cubeNav .cubNavBox .cubNavItem{text-align: center; display:inline-block; font-size: 14px; vertical-align: top;} .com_cubeNav .cubNavIcon:not(.layui-icon)::before{ content:"\e653"; font-family: "layui-icon"; } .com_cubeNav .cubNavIcon.imgIcon::before{ display: none;} /* .com_cubeNav .cubNavIcon.imgIcon{ background-size:50%!important;} */ .com_cubeNav .cubNavList .cubNavName_t{ font-size: 14px; line-height: 25px;} .com_cubeNav .cubNavType_0 .cubNavItem{ width: 20%; padding: 10px 5px; box-sizing: border-box;} .com_cubeNav .cubNavType_0 .cubNavLink{position: relative; padding-top: 50px; display: block; text-align: center;} .com_cubeNav .cubNavType_0 .cubNavBg,.com_cubeNav .cubNavType_0 .cubNavIcon{ position: absolute; width: 40px; height: 40px; top: 0; left: 50%; margin-left: -20px; border-radius:100%; background-repeat: no-repeat; background-size: cover; background-position: center center;z-index: 1;} .com_cubeNav .cubNavType_0 .cubNavIcon{ line-height:40px; color: #fff; border-radius:100%; font-size:18px; z-index: 9;} .com_cubeNav .cubNavType_1 .cubNavItem{ width: 25%; padding: 10px 7px; box-sizing: border-box;} .com_cubeNav .cubNavType_1 .cubNavLink{position: relative; padding-top: 60px; display: block; text-align: center;} .com_cubeNav .cubNavType_1 .cubNavBg,.com_cubeNav .cubNavType_1 .cubNavIcon{ position: absolute; width: 50px; height: 50px; top: 0; left: 50%; margin-left: -25px; border-radius:100%; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1;} .com_cubeNav .cubNavType_1 .cubNavIcon{ line-height:50px; color: #fff; border-radius:100%; font-size:24px; z-index: 9;} .com_cubeNav .cubNavType_1 .cubNavIcon:not(.layui-icon)::before{ content:"\e653"; font-family: "layui-icon"; } .com_cubeNav .cubNavType_2 .cubNavItem{ width: 33.3333%; padding: 10px; box-sizing: border-box;} .com_cubeNav .cubNavType_2 .cubNavLink{position: relative; padding-top: 70px; display: block; text-align: center;} .com_cubeNav .cubNavType_2 .cubNavBg,.com_cubeNav .cubNavType_2 .cubNavIcon{ position: absolute; width: 60px; height: 60px; top: 0; left: 50%; margin-left: -30px; border-radius:100%; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1;} .com_cubeNav .cubNavType_2 .cubNavBg{ border: 1px solid #ddd; background-color: #fff;} .com_cubeNav .cubNavType_2 .cubNavIcon{ line-height:60px; color: #fff; border-radius:100%; font-size:26px; z-index: 9;} .com_cubeNav .cubNavType_0 .cubNavBg,.com_cubeNav .cubNavType_1 .cubNavBg{background-color: #5875d8;} .com_cubeNav .cubNavType_0 .cubNavItem:nth-child(10n+1) .cubNavBg{ background-color: #25a9fc;} .com_cubeNav .cubNavType_0 .cubNavItem:nth-child(10n+2) .cubNavBg{ background-color: #30ce9b;} .com_cubeNav .cubNavType_0 .cubNavItem:nth-child(10n+3) .cubNavBg{ background-color: #fba454;} .com_cubeNav .cubNavType_0 .cubNavItem:nth-child(10n+4) .cubNavBg{ background-color: #fc608f;} .com_cubeNav .cubNavType_0 .cubNavItem:nth-child(10n+5) .cubNavBg{ background-color: #ff4d53;} .com_cubeNav .cubNavType_0 .cubNavItem:nth-child(10n+6) .cubNavBg{ background-color: #fe6369;} .com_cubeNav .cubNavType_0 .cubNavItem:nth-child(10n+7) .cubNavBg{ background-color: #908efb;} .com_cubeNav .cubNavType_0 .cubNavItem:nth-child(10n+8) .cubNavBg{ background-color: #75c950;} .com_cubeNav .cubNavType_0 .cubNavItem:nth-child(10n+9) .cubNavBg{ background-color: #6fdbff;} .com_cubeNav .cubNavType_0 .cubNavItem:nth-child(10n+10) .cubNavBg{ background-color: #ffc72c;} .com_cubeNav .cubNavType_1 .cubNavItem:nth-child(8n+1) .cubNavBg{ background-color: #ff3a2f;} .com_cubeNav .cubNavType_1 .cubNavItem:nth-child(8n+2) .cubNavBg{ background-color: #8274ff;} .com_cubeNav .cubNavType_1 .cubNavItem:nth-child(8n+3) .cubNavBg{ background-color: #ffc61c;} .com_cubeNav .cubNavType_1 .cubNavItem:nth-child(8n+4) .cubNavBg{ background-color: #188cfb;} .com_cubeNav .cubNavType_1 .cubNavItem:nth-child(8n+5) .cubNavBg{ background-color: #2ec9f7;} .com_cubeNav .cubNavType_1 .cubNavItem:nth-child(8n+6) .cubNavBg{ background-color: #ff7f00;} .com_cubeNav .cubNavType_1 .cubNavItem:nth-child(8n+7) .cubNavBg{ background-color: #f9a275;} .com_cubeNav .cubNavType_1 .cubNavItem:nth-child(8n+8) .cubNavBg{ background-color: #5de68a;} .com_cubeNav .cubNavType_2 .cubNavItem:nth-child(6n+1) .cubNavIcon{ color: #ff3a2f;} .com_cubeNav .cubNavType_2 .cubNavItem:nth-child(6n+2) .cubNavIcon{ color: #8274ff;} .com_cubeNav .cubNavType_2 .cubNavItem:nth-child(6n+3) .cubNavIcon{ color: #ffc61c;} .com_cubeNav .cubNavType_2 .cubNavItem:nth-child(6n+4) .cubNavIcon{ color: #188cfb;} .com_cubeNav .cubNavType_2 .cubNavItem:nth-child(6n+5) .cubNavIcon{ color: #2ec9f7;} .com_cubeNav .cubNavType_2 .cubNavItem:nth-child(6n+6) .cubNavIcon{ color: #ff7f00;} .com_cubeNav .cubNavType_3 .cubNavItem{ display: block; box-sizing: border-box;} .com_cubeNav .cubNavType_3 .cubNavLink{position: relative; display: block; height: 110px;} .com_cubeNav .cubNavType_3 .cubNavLink::before{ display: inline-block; content: ""; height: 100%; width: 0; overflow: hidden; vertical-align: middle;} .com_cubeNav .cubNavType_3 .cubNavBg{ position: absolute; top: 0; bottom: 0; width: 50%; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1; background-color: #3a3a3a;} .com_cubeNav .cubNavType_3 .cubNavIcon{ position: absolute; top: 0; bottom: 0; width: 50%; font-size: 40px; line-height: 110px; background-position: center center; background-repeat: no-repeat; background-size: cover;} .com_cubeNav .cubNavType_3 .cubNavName{ display: inline-block; vertical-align: middle; width: 40%; color: #555; text-align: center; z-index: 9; position: relative; color: #fff;} .com_cubeNav .cubNavType_3 .cubNavName .cubNavName_t{ font-size: 14px; line-height: 25px;} .com_cubeNav .cubNavType_3 .cubNavName .cubNavName_st{ font-size: 12px; line-height: 20px; color: #ccc;} .com_cubeNav .cubNavType_3 .cubNavIcon:not(.layui-icon)::before{ content: "";} .com_cubeNav .cubNavType_3 .cubNavItem:nth-child(2n+1){ text-align: left;} .com_cubeNav .cubNavType_3 .cubNavItem:nth-child(2n+1) .cubNavName{margin-left: 5%;} .com_cubeNav .cubNavType_3 .cubNavItem:nth-child(2n+1) .cubNavBg{ left: 0;} .com_cubeNav .cubNavType_3 .cubNavItem:nth-child(2n+1) .cubNavIcon{ right: 0;} .com_cubeNav .cubNavType_3 .cubNavItem:nth-child(2n+2){ text-align: right;} .com_cubeNav .cubNavType_3 .cubNavItem:nth-child(2n+2) .cubNavName{ margin-right: 5%;} .com_cubeNav .cubNavType_3 .cubNavItem:nth-child(2n+2) .cubNavBg,.com_cubeNav .cubNavType_3 .cubNavItem:nth-child(2n+2) .cubNavName{ right: 0;} .com_cubeNav .cubNavType_3 .cubNavItem:nth-child(2n+2) .cubNavIcon{ left: 0;} .com_cubeNav .cubNavType_3 .cubNavItem:nth-child(3n+1) .cubNavIcon:not(.layui-icon){ background-image: url("../images/cubNav_1.jpg");} .com_cubeNav .cubNavType_3 .cubNavItem:nth-child(3n+2) .cubNavIcon:not(.layui-icon){ background-image: url("../images/cubNav_2.jpg");} .com_cubeNav .cubNavType_3 .cubNavItem:nth-child(3n+3) .cubNavIcon:not(.layui-icon){ background-image: url("../images/cubNav_3.jpg");} .com_cubeNav .cubNavType_4 .cubNavItem { width: 50%;} .com_cubeNav .cubNavType_4 .cubNavLink { position: relative;display: block;height: 110px;} .com_cubeNav .cubNavType_4 .cubNavBg{ position: absolute; top: 0; bottom: 0; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1;} .com_cubeNav .cubNavType_4 .cubNavItem:nth-child(4n+1) .cubNavBg {background-image: url("../images/cubNav_1.jpg");} .com_cubeNav .cubNavType_4 .cubNavItem:nth-child(4n+2) .cubNavBg { background-image: url("../images/cubNav_2.jpg");} .com_cubeNav .cubNavType_4 .cubNavItem:nth-child(4n+3) .cubNavBg { background-image: url("../images/cubNav_3.jpg");;} .com_cubeNav .cubNavType_4 .cubNavItem:nth-child(4n+4) .cubNavBg { background-image: url("../images/cubNav_4.jpg");} .com_cubeNav .cubNavType_4 .cubNavName{ margin: auto;width: 100%; z-index: 9; position: absolute; bottom: 16px;left: 0; color: #fff;} /* 产品搜索组件样式 */ .com_proSearch .proSearch_view{ padding: 10px 5px;} .com_proSearch .proSearchBox {box-sizing: border-box;width: 100%;height: 100%;padding-right: 3px;} .com_proSearch .searchContent {box-sizing: border-box;position: relative;width: 100%;height: 30px;margin: 2px;border: 1px solid #bfbfbf;} .com_proSearch .searchIcon {position: absolute;right: 10px;line-height: 28px;} .com_proSearch .inpText {display: inline-block;width: 86%;line-height: 28px;padding-left: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .com_proSearch .btnText {position: absolute;right: 0;width: 40px;height: 30px;font-size: 14px;color: #fff;line-height: 28px;text-align: center;background-color: #bfbfbf;} /* 网站留言 */ .com_message input:focus,.com_message textarea:focus,.com_message button:focus {outline: none;} .com_message .msgContent {padding: 15px 5px 0;} .com_message .msgList {padding-bottom: 15px;width: 100%;} .com_message .msgList_title {display: inline-block;width: 20%;text-align: right;overflow: hidden;vertical-align: middle;} .com_message .msgList_inp {position: relative;display: inline-block;width: 74%;margin-left: 6px;} .com_message .messageTitle {vertical-align: top;} .com_message .msgList_inp input {box-sizing: border-box;width: 100%;height: 30px;color: #555;border: 1px solid #ddd;padding-left: 10px;} .com_message .msgTextarea {box-sizing: border-box;width: 100%;height: 80px;color: #555;border: 1px solid #ddd;padding: 5px 10px;resize: none;} .com_message .starIcon::after {content: "*";position: absolute;top: 0;left: 101%;color: #f00;} .com_message input.codeInp{width: 100px;} .com_message img.codePic {width: 100px;height: 30px;vertical-align: bottom;margin-left: 6px;cursor: pointer;} .com_message .code_starIcon::after {content: "*";position: absolute;top: 0;left: 220px;color: #f00;} .com_message .subBtnBlock {text-align: center;padding: 20px 0;} .com_message .subContent {text-align: center;} .com_message .submitBtn {width: 100px;height: 30px;border: 0;color: #fff;cursor: pointer;} .com_message .welcomeMsg {margin-bottom: 20px;font-size: 20px;color: #f00;} .com_message .msgListBox {border: 1px solid #ddd;margin-bottom: 15px;padding: 6px;} .com_message .msgList_content p {margin-bottom: 6px;} .com_message .msgList_reply {margin: 6px 0;border-top: 1px solid #ddd;} /*手机产品搜索*/ .onSear{ overflow: hidden;} .onSear #searchPage{overflow-y:auto; height: 100%;} #searchPage{position: fixed; bottom:0; z-index:999; background-color:#f7f7f7; box-sizing:border-box; font-size: 16px; color:#555; max-width: 720px; width: 100%; margin: 0 auto; transition: all .3s; height: 0; overflow: hidden;} #searchPage a{ color: #555;} #searchPage > .searchTop{background-color: #fff; padding-top: 10px; position: relative; height: 45px;} #searchPage > .searchTop > .searchBack{height: 40px; width: 30px; font-size: 22px; line-height: 36px; position:absolute; left: 5px; top: 8px; cursor: pointer;} #searchPage > .searchTop > .searchBox{ margin-left: 40px; padding-left: 15px; margin-right: 15px; padding-right: 40px; position: relative; height: 30px; border: 1px solid #ddd; background-color: #fff; border-radius: 15px; overflow: hidden;} #searchPage .searchBox > input[name='keyword']{border:0; outline:0; background-color: #fff; height: 30px; font-size: 13px; width: 100%; line-height: 30px;} #searchPage .searchBox > input[name='keyword']:focus{outline: none; border: 0; background-color: #fff;} #searchPage .searchBox .searClear{display: none;position: absolute;right: 35px;height: 30px;width: 30px;line-height: 30px;text-align: center;top: 0;font-size: 20px;color: #777; cursor: pointer; z-index: 999;} #searchPage .searchBox .searBtn {position: absolute;right: 5px;height: 30px;width: 30px;text-align: center;line-height: 29px;cursor: pointer; z-index: 1;} #searchPage .searchCon{background-color:#fff;} #searchPage .searchLan{ height: 40px; line-height: 40px; font-size: 16px; padding-left: 15px;} #searchPage .searchCon .hisKeyword{position: relative; background-color: #fff; margin-bottom: 10px; padding: 10px 0; display:none;} #searchPage .hisKeyword .hk_clear{position: absolute;right: 5px;top:10px;font-size:20px;width: 40px;height: 40px;text-align: center;line-height: 40px; cursor: pointer;} #searchPage .hisKeyword ul.hk_list{max-height: 116px; overflow: hidden; min-height: 30px; padding: 0 15px;} #searchPage .hisKeyword ul.hk_list li{background-color: #f7f7f7; padding: 4px 12px; border-radius: 20px; margin: 10px 8px 0 0; display:inline-block; box-sizing: border-box; overflow: hidden; font-size: 12px; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; max-width: 100%;} #searchPage .searchCon .hotKeyword{padding:10px 0; position: relative; margin-bottom: 10px; display: none;} #searchPage .hotKeyword .hk_list li{ border-bottom: 1px solid #ddd; padding: 0 15px 0 40px; height:50px; line-height: 50px; position: relative;} #searchPage .hotKeyword .hk_num{width:18px; height:18px; border-radius: 18px; color:#fff; position: absolute; left:15px; top:15px; background-color:#d2d2d2; font-size: 12px; line-height: 18px; text-align: center; background-color: rgb(189, 189, 189);} #searchPage .hotKeyword .hk_text{ cursor: pointer; font-size: 14px;} #searchPage .hotKeyword .hk_list li:nth-child(1) .hk_num{background-color:#e43838;} #searchPage .hotKeyword .hk_list li:nth-child(2) .hk_num{background-color:#e9972d;} #searchPage .hotKeyword .hk_list li:nth-child(3) .hk_num{background-color:#fde34d;} #searchPage .searResult{ display: none; background-color: #fff; position: absolute; top: 55px; right: 0; bottom: 0; left: 0; overflow:auto;} #searchPage .searResult .emptyBox{ height: 50px; padding-top: 50px; text-align: center; font-size: 16px; color: #999;} #searchPage .searResult .emptyBox::after{content: "暂无产品";} #searchPage .searResult ul.proList{ min-height: 100px;} #searchPage .searResult ul.proList li{ float: left; width: 50%; } #searchPage .searResult ul.proList li{display: block;cursor: pointer; padding: 10px; overflow: hidden; text-align: center; box-sizing: border-box;} #searchPage .searResult ul.proList li .pro_WidHigh{height:120px;border: 1px solid #e8e8e8; box-sizing: border-box; position: relative; overflow: hidden;} #searchPage .searResult ul.proList li .pro_link{ display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: contain; background-position: center center;} #searchPage .searResult ul.proList li .textContent,#searchPage .searResult ul.proList li .propTextList{max-width: 100%; box-sizing: border-box; margin: 0 auto; font-size: 14px;} #searchPage .searResult ul.proList li .textContent > div,#searchPage .searResult ul.proList li .propTextList > div{box-sizing: border-box;} #searchPage .searResult ul.proList li .titleContent{margin: 0 auto;padding: 6px 10px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display: block;} #searchPage .searResult ul.proList li .propTextList .propText{margin: 0 auto;padding: 3px 10px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display: block;} /* 栏目导航 */ .com_navigation .navigationBox li a {position: relative;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-left: 15px;height: 40px;line-height: 40px;} .com_navigation .navigationBox li a::after {position: absolute;right: 6px;content: '\e687';font-family: "iconfront";} .com_navigation .navigationBox ul ul {display: none;} .com_navigation .navigationBox ul ul li a {padding-left: 30px;} .com_navigation .navigationBox ul ul ul li a {padding-left: 60px;} #origin-img{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000; z-index: 9999999;} /* #origin-img .swiper-wrapper{ top: 50px; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1;} */ #origin-img .swiper-slide img{width:100%;vertical-align:middle;} #origin-img .swiper-pagination{bottom:0; color:#fff; height: 50px; background-color:rgba(0,0,0,.5); line-height: 50px; position: absolute; z-index: 9; font-size: 16px;} #origin-img .swiper-close::before{content: "\e61a";} #origin-img .swiper-close{ position: absolute; top: 5px; right: 5px; height: 40px; line-height: 40px; width: 40px; text-align: center; color: #fff; font-size: 26px; cursor: pointer; z-index: 9999;} #origin-img .swiper-button-prev,#origin-img .swiper-button-next{ color: #fff; background-color: rgba(0,0,0,.5);border-radius: 4px; } #origin-img .swiper-button-prev::after,#origin-img .swiper-button-next::after{font-size: 26px;} /* 嵌入页面 */ .com_iframe .ifrnameShade::before,.com_iframe .ifrnameShade::after {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;z-index: 9999;display: block;} .com_iframe .iframeBox > iframe{ border: 0;} /* 在线表单 */ .com_onlineform .onlineform_view{ padding: 10px 15px;} .com_onlineform .formTitle{ text-align: center; font-size: 18px; padding:10px 0;} .com_onlineform .formMsgItem{ padding: 5px 0 10px 0;} .com_onlineform .formMsgTitle{ padding-bottom: 5px; line-height: 30px;} .com_onlineform .formMsgTitle.isRequired::after{content:'*';color:red!important; margin-left:5px;font-weight:bold; display:inline-block; line-height: 35px; vertical-align: top; font-size: 14px!important;} .com_onlineform .formMsgCon{ position: relative;} .com_onlineform .formMsgCon >.phoneAreacode .inputAreacode{ width: 80px; float: left; text-align: center; padding-left: 0} .com_onlineform .formMsgCon >.phoneAreacode .inputPhone{ margin-left: 10px; width: calc(100% - 90px); float: left;} .com_onlineform .formMsgItem .formTip_title{text-align: center; font-size: 16px; line-height: 36px;} .com_onlineform .formMsgItem .formTip_text{ text-align: center; line-height: 35px;} .com_onlineform .formPorpCon > .formList{ padding: 5px 0;} .com_onlineform .wapUploadBtn{ border: 1px solid #ddd; height: 40px; line-height: 40px; display: block; background-color: #fff; padding: 0 10px; border-radius: 4px; overflow: hidden; white-space: nowrap; cursor: pointer; text-overflow: ellipsis; -o-text-overflow: ellipsis;} .com_onlineform .wapUploadBtn:hover{ background-color: #eee;} .com_onlineform .wapUploadBtn > i{ vertical-align: middle; margin-right: 8px; font-size: 22px;} .com_onlineform .formMsgCode input.codeInp{ width: 150px; float: left; ;} .com_onlineform .formMsgCode img.codePic{ display: block; float: left; margin-left: 10px; width: 102px; height: 38px; cursor: pointer;} .com_onlineform .formMsgSubmit{ text-align: center; padding-bottom: 15px;} .com_onlineform .formMsgSubmit .submitBtn{ max-width: 100%; cursor: pointer; display: block; height: 38px; line-height: 38px; text-align: center; border-radius: 2px; border: 0; cursor: pointer; background-color: #5874d8; color: #fff; width: 100%; outline: 0;} .form-input{ height: 35px; border: 1px solid #e6e6e6; background-color: #fff; color: #555; padding-left: 10px; border-radius: 2px; box-sizing: border-box; width: 100%; font-size: 14px; display: block;} .form-input:focus,.form-textarea:focus,.form-select:focus{ outline: none; user-select:auto} .form-input,.form-textarea,.form-select{-webkit-appearance: none; -moz-appearance:none;} .form-textarea{ display: block; border: 1px solid #ddd; padding:5px; border-radius: 2px;font-size: 14px; color: #555; line-height: 25px; width: 100%; height: 80px; resize: none; box-sizing: border-box;} .form-select{ display: block; height: 35px; line-height: 35px; border: 1px solid #ddd; padding:0 5px; color: #555; font-size: 14px; border-radius: 2px; cursor: pointer; width: 100%;-webkit-appearance: none; background-color: #fff; background-image: linear-gradient(45deg, transparent 50%, gray 50%),linear-gradient(135deg, gray 50%, transparent 50%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px); background-size: 5px 5px,5px 5px;background-repeat: no-repeat;} .form-select:focus{background-image: linear-gradient(45deg, gray 50%, transparent 50%),linear-gradient(135deg, transparent 50%, gray 50%); background-position:calc(100% - 15px) 1em,calc(100% - 20px) 1em; background-size: 5px 5px,5px 5px;background-repeat: no-repeat;outline: 0;} .form-radio + label,.form-checkbox + label{margin:4px 10px 0 0; cursor: pointer; font-weight: normal;} .form-radio,.form-checkbox{display: none !important;} .form-radio + label i,.form-checkbox + label i{position: relative; -webkit-appearance: none; -moz-appearance:none; background-color: #fafafa; border: 1px solid #ddd; content: ' '; display: inline-block; vertical-align: middle; margin-right: 8px; width: 16px; height: 16px;} .form-radio + label:hover i,.form-checkbox + label:hover i,.form-radio + label:active i, .form-radio:checked + label:active i,.form-checkbox + label:active i, .regular-checkbox:checked + label:active i,.form-radio:checked + label i,.form-checkbox:checked + label i{border-color: #5874d8; outline: none;} /* llw-radio */ .form-radio + label i{border-radius: 16px;} .form-radio:checked + label i:after{content: ''; width: 12px; height: 12px; border-radius: 12px; position: absolute; top: 2px; background: #5874d8; text-shadow: 0px; left: 2px;} .form-radio:checked + label i{background-color: #fff; border: 1px solid #ddd;} /*llw-checkbox*/ .form-checkbox + label i{border-radius: 3px;} .form-checkbox:checked + label i{border: 1px solid #5874d8; line-height: 16px; color: #fff !important; background: #5874d8;} .form-checkbox:checked + label i:after{content: '\e605'; font-size: 14px; font-family: "layui-icon"!important;} /*选择地区*/ .express-area { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: .25rem; margin-bottom: .25rem; background-color: #fff; } .express-area a { display: block; padding: .5rem; background: url(../img/link-arrow.png) no-repeat 98% 50%; background-size: .55rem .55rem; } .express-area dl { position: relative; line-height: 1.2rem; color: #4d525d; } .express-area dl dt { position: absolute; top: 0; left: 0; font-size: .7rem; line-height: 1.2rem; } .express-area dl dd { padding-top: .1rem; padding-right: .8rem; margin-left: 3.5rem; text-align: justify; font-size: .65rem; line-height: 1rem; } @media (min-width: 721px) and (max-width: 1300px) { .express-area a { padding: .3rem; } .express-area dl dt { font-size: .5rem; line-height: 1rem; } .express-area dl dd { padding-right: .6rem; margin-left: 3rem; font-size: .4rem; line-height: .8rem; } } /*选择地区弹层*/ .express-area-box{ width: 100%;position: fixed; bottom: -100%; z-index: 99999; background-color: #fff; color: #4d525d; max-width: 720px; margin: 0 auto;} .express-area-box header { position: relative; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;} .express-area-box header h3 { margin:0 35px; text-align: center; font-size:16px; height: 45px; line-height: 45px; font-weight: normal;} .express-area-box header .back, .express-area-box header .close { position: absolute; top: 0; width: 35px; height: 45px; text-align: center;line-height: 45px;font-size:20px;} .express-area-box header .back { display: none; left: 0;} .express-area-box header .close {position: absolute;top: 0;width: 35px;height: 45px; right: 0;} .express-area-box article { height: 300px; overflow-y: scroll; } #areaLayer .area-list li { padding:5px 10px; border-bottom: 1px solid #e2e2e2; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;} .areaMask { display: none; position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); } /*手机分享样式*/ #wapShareBox{position: fixed; top: 0; bottom: 0; display: none; z-index: 999999; width: 100%; margin: 0 auto; max-width: 720px;} #wapShareBox .shareMask{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.5); z-index: 1;} #wapShareBox .shareBoxCon{ background-color: #fff; position: absolute; left: 0; right: 0; bottom: -100%; min-height: 100px; z-index: 99; padding-bottom: 20px;} #wapShareBox .shareBoxTitle{ padding:10px 5px; height: 40px; text-align: center; line-height: 40px; font-size: 18px;} #wapShareBox .shareListBox{ min-height: 50px;} #wapShareBox .shareListBox li{ font-size: 0; display: inline-block; width: 25%; text-align: center; padding:8px 0;} #wapShareBox .shareListBox li a.shareItem{ font-size: 14px; display: block; padding: 0 5px;} #wapShareBox .shareListBox li a.shareItem > i.iconfont{ font-size: 46px;} #wapShareBox .shareListBox li a.shareItem > span{ padding-top: 3px; display: block; margin: 0 10px; line-height: 30px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;} #wapShareTips{ position: fixed; top: 0; bottom: 0; width: 100%; max-width: 720px; margin: 0 auto; z-index: 9999999; background-color: #fff;} #wapShareTips > .tipBoxCon{ position: absolute; top: 20%; left: 20px; right: 20px; text-align: center;} #wapShareTips > .tipBoxCon > .tipBoxCon_icon{color: #999;font-size: 120px;display:inline-block;} #wapShareTips > .tipBoxCon > .tipBoxCon_text{padding: 30px 10px;font-size: 18px;} #wapShareTips > .tipBoxCon > .tipBoxCon_btn{ display: inline-block; border-radius: 4px; border: 1px solid #ddd; height: 50px; width: 200px; line-height: 50px; font-size: 16px; cursor: pointer;} body.showShare,body.showPhone{overflow: hidden;} /*手机分享样式*/ #wapPhoneBox{position: fixed; top: 0; bottom: 0; display: none; z-index: 999999; width: 100%; margin: 0 auto; max-width: 720px;} #wapPhoneBox .phoneMask{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.5); z-index: 1;} #wapPhoneBox .phoneBoxCon{ background-color: #fff; position: absolute; left: 0; right: 0; bottom: -100%; z-index: 99; padding: 10px 0; overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px;} #wapPhoneBox .phoneListBox{ overflow-x: auto; height: 100%;} #wapPhoneBox .phoneBoxTitle{ height: 40px; border-bottom: 1px solid #ddd; text-align: center; font-size: 18px;} #wapPhoneBox .phoneListBox li > a{ font-size: 16px; display: block; padding: 0 10px; height: 45px; line-height: 45px; text-align: center; border-bottom: 1px solid #ddd; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;} #videoPlay_layer{ position: fixed; z-index: 99999; top: 0; bottom: 0; display: none; width: 100%; max-width: 720px;} #videoPlay_layer .videoPlay_mask{ position: absolute; z-index: 1; background-color: rgba(0, 0, 0, .8); top: 0; right: 0; bottom: 0; left: 0;} #videoPlay_layer .videoPlay_box{ position: absolute; z-index: 9; width: 100%; height: 300px; background-color: #000; left:0; top: 50%; margin-top: -150px;} #videoPlay_layer .videoPlay_close{ width:34px; height: 34px; position: absolute; cursor: pointer; right: 10px; top:10px; z-index: 99; color: #fff; text-align: center; line-height: 34px; font-size: 24px;} #videoPlay_layer .videoPlay_con{ height: 100%;} #videoPlay_layer .videoPlay_con > video{width: 100%; height: 100%; border: 0; outline: none;} /* 会员登录 */ .com_member .loginTop,.com_membermain .loginTop{ min-height: 30px; margin-bottom: 15px; line-height: 30px; position: relative;} .com_member .loginTop .loginTitle,.com_membermain .loginTop .loginTitle{padding-right: 150px; font-size: 20px;} .com_member .loginTop .loginReg,.com_membermain .loginTop .loginReg{ right: 0; position: absolute; top: 0; font-size: 16px;} .com_member .loginTop .loginReg > span,.com_membermain .loginTop .loginReg > span{ color: #5874d8; cursor: pointer;} .com_member .memberLoginBox,.com_membermain .memberLoginBox{ padding: 15px;} .com_member .loginForm > ul li,.com_membermain .loginForm > ul li {position:relative; padding-bottom: 15px;} .com_member .loginForm span.layui-icon,.com_membermain .loginForm span.layui-icon {position:absolute;left:1px;top:1px;width:38px;line-height:36px;text-align:center; color:#d2d2d2;} .com_member .loginForm li input.login-input,.com_membermain .loginForm li input.login-input {padding-left:36px; height: 38px; line-height: 38px; border: 1px solid #e6e6e6; border-radius: 2px; box-sizing:border-box; width: 100%; color: #555;} .com_member .captcha-input,.com_membermain .captcha-input {width:64%!important;display:inline-block; vertical-align: top;} .com_member .captcha-img,.com_membermain .captcha-img {display:inline-block; width:34%; vertical-align: top; position: absolute; right: 0; top: 0;} .com_member .captcha-img img,.com_membermain .captcha-img img {height:34px;border:1px solid #e6e6e6;height:36px;width:100%; cursor: pointer;} .com_member .loginSubBtn,.com_membermain .loginSubBtn{ height: 45px; line-height: 45px; font-size: 16px; background-color: #5874d8; display: block; color: #fff; cursor: pointer; text-align: center; border-radius: 4px;} .com_member .getPassword,.com_membermain .getPassword{ position: absolute; right: 0; top: 0; line-height: 38px; white-space: nowrap; text-decoration: underline; cursor: pointer;} .com_member .loginTool,.com_membermain .loginTool{ min-height: 28px; line-height: 38px;} .com_member .m_loginOut,.com_membermain .m_loginOut{ cursor: pointer; margin-left: 15px; display: inline-block; vertical-align: middle;} .com_member .memberMainBox,.com_membermain .memberMainBox{ padding:0 15px;} .com_member .memberMainInfo,.com_membermain .memberMainInfo{ padding: 0 15px; padding-top: 10px; line-height: 35px; text-align: center; font-size: 16px;} .webMainList .compsBox > .membermain_view{ background-color: transparent;} .onLogin,.onAddr{ overflow: hidden;} .onLogin #memberPage,.onAddr #addressPage{overflow-y:auto; height: 100%;} #memberPage,#addressPage{position: fixed; bottom:0; z-index:9999; background-color:#f7f7f7; box-sizing:border-box; color:#555; max-width: 720px; width: 100%; margin: 0 auto; transition: all .3s; height: 0; overflow: hidden;} #memberPage a,#addressPage a{ color: #555;} #memberPage > .memberTop,#addressPage > .addressTop{padding-top: 10px; position: relative; height: 45px; border-bottom: 1px solid #ddd;} #memberPage > .memberTop > .memberBack,#addressPage > .addressTop > .addrBack{height: 40px; width: 30px; font-size: 22px; line-height: 36px; position:absolute; left: 5px; top: 8px; cursor: pointer;} #memberPage > .memberTop > .topTitle,#addressPage > .addressTop > .topTitle{ margin-left: 40px; padding-left: 15px; margin-right: 15px; padding-right: 40px; position: relative; line-height: 30px; text-align: center; font-size: 16px;} #memberPage .memberBox .memberClear,#addressPage .addressBox .memberClear{display: none;position: absolute;right: 35px;height: 30px;width: 30px;line-height: 30px;text-align: center;top: 0;font-size: 20px;color: #777; cursor: pointer; z-index: 999;} #memberPage .memberBox .memberBtn,#addressPage .addressBox .addressBtn {position: absolute;right: 5px;height: 30px;width: 30px;text-align: center;line-height: 29px;cursor: pointer; z-index: 1;} #memberPage .memberCon,#addressPage .addressCon{position: absolute; top: 55px; right: 0; bottom: 25px; left: 15px; overflow:auto; padding-right: 15px;} .member-form-item{ padding-top: 5px; padding-bottom: 10px;} .member-form-item .member-form-label{ height: 35px; line-height: 35px;} .member-form-item .member-form-label.required::after{content:'*';color:red!important; margin-left:5px;font-weight:bold; display:inline-block; vertical-align: top; font-size: 14px!important;} .member-form-submit{ padding: 5px 0;} .member-form-submit .member-btn{ display: block; height: 40px; line-height: 40px; text-align: center; cursor: pointer; color: #fff; font-size: 16px; border-radius: 4px;} .member-form-item .getcode-input,.member-form-item .getcode-btn{ display: inline-block; vertical-align: top;} .member-form-item .getcode-input{ width: 40%;} .member-form-item .getcode-input > input{ width: 90%;} .member-form-item .getcode-btn{ width: 60%;} .member-form-item .getcode-btn > span.getPawCode{ width: 100%; height: 35px; cursor: pointer; border-radius: 3px; text-align: center; color: #fff; display: block; line-height: 35px;} .member-form-item .changePassowrd{display: inline-block; margin-left: 10px; height: 35px; line-height: 35px; vertical-align: middle; color: #fff; padding: 0 15px; white-space: nowrap; cursor: pointer; border-radius: 4px;} .com_onlineGmap .gMapBox{ padding: 5px;} .com_onlineGmap .onlineGmapBox {height:300px; } /* 谷歌地图文本内容 */ .showMapBox{ padding: 0 5px;} .showMapBox_name{ font-size: 16px; font-weight: bold; padding-bottom: 8px;} .showMapBox_text{ line-height: 25px;} /* 购物车 */ .com_mycart .myCartEmpty{ padding: 25px 0; text-align: center; display: none;} .com_mycart .myCartEmpty .cartEmptyIcon .layui-icon{ font-size: 80px;} .com_mycart .myCartEmpty .cartEmptyTip{ font-size: 18px; padding-top: 15px; line-height: 35px;} .com_mycart .myCartEmpty .cartEmptyBtn{ padding-top: 15px;} .com_mycart .myCartEmpty .cartEmptyBtn a{ display: block; width:200px; margin: 0 auto; border-radius: 4px; height: 45px; line-height: 45px; color: #fff; font-size: 16px;} .com_mycart .mycartBox{ padding: 0 15px;} /* .com_mycart .mycartBox .cartListTop{ height: 45px; position: relative;} .com_mycart .mycartBox .cartListTop .checkBox{ width: 100px; top: 10px; font-size: 16px; line-height: 30px;} .com_mycart .mycartBox .cartListTop .checkBox::before{ display: inline-block; vertical-align:top; margin-right: 5px;} .com_mycart .mycartBox .cartListTop .checkBox.on::before{content:"\eb72"; color: #f44;} .com_mycart .mycartBox .cartListTop .delAllList{ position: absolute; font-size: 20px; right: 0; top: 10px; cursor: pointer;} */ #orderCartList{ padding: 15px 0; min-height: 100px;} #orderCartList .cartListItem{ position: relative; padding-left:150px; height: 115px; margin-bottom: 15px; border-bottom: 1px solid #ddd;} #orderCartList .cartListItem .checkBox{ cursor: pointer; width: 30px; height: 30px; font-size: 30px; position: absolute; top: 30px; left: 0;} #orderCartList .cartListItem .checkBox::before{ content:"\eb5e"; font-size: 30px;} #orderCartList .cartListItem.on .checkBox::before{ content:"\eb72"; color: #f44;} #orderCartList .cartListItem .delBtn{ position: absolute; right: 0; top: 0; font-size: 20px; cursor: pointer;} #orderCartList .cartListItem .productImg{ position: absolute; left: 40px; top: 0; width: 100px; height: 100px; border: 1px solid #ddd; border-radius: 6px; overflow: hidden;} #orderCartList .cartListItem .productImg img{ display: block; width: 100px; height: 100px;} #orderCartList .cartListItem .productName{ padding-right: 40px; font-size: 16px; height: 35px;} #orderCartList .cartListItem .productSpec{ color: #777; height: 35px;} #orderCartList .cartListItem .productPrice{ color:#f44; font-size: 16px; font-weight: bold; padding-right: 130px;} #orderCartList .cartListItem .productCount{position: absolute;top: 65px;right: 0;} #orderCartList .cartListItem .productCount .weui-count__btn{width: 30px;height: 30px;background-color: #fff;border: 1px solid #ddd;border-radius: 0;cursor: pointer;} #orderCartList .cartListItem .productCount .weui-count__btn:after,#orderCartList .cartListItem .productCount .weui-count__btn:before{ background-color: #555;} #orderCartList .cartListItem .productCount .weui-count__btn:after{ margin-left: 0;} #orderCartList .cartListItem .productCount .weui-count__number{height: 30px;width: 50px;border: 1px solid #ddd;background-color: #fff;vertical-align:top;text-align: center;} #addTools .toolsBox{ border-top: 1px solid #ddd; background-color: #fff; height: 49px; overflow: hidden; position: relative;} #addTools #submitOrder{ position: absolute; width: 100px; height: 40px; line-height: 40px; top: 5px; right: 10px; cursor: pointer; color: #fff; text-align: center; font-size: 16px; border-radius: 4px;} #addTools .totalPrice{ left: 10px; top: 0; line-height: 49px; position: absolute; font-size: 16px;} #addTools .totalPrice span{color: #f44; font-weight: bold;} #cartTools .toolsBox{ border-top: 1px solid #ddd; background-color: #fff; height: 49px; overflow: hidden; position: relative;} #cartTools .checkBox{ position: absolute; top:10px; left: 15px; height: 30px; line-height: 30px; width: 75px; font-size: 16px;} #cartTools .checkBox::before{ display: inline-block; vertical-align:top; margin-right: 5px; content:"\eb5e"; font-size: 30px;} #cartTools .checkBox.on::before{content:"\eb72"; color: #f44;} #cartTools #mallSettle{ position: absolute; width: 100px; height: 50px; line-height: 50px; top: -1px; right: 0; cursor: pointer; color: #fff; text-align: center; font-size: 16px;} #cartTools .totalPrice{ right: 120px; top: 0; text-align: right; left:100px; position: absolute;} #cartTools #cartAmount{ padding-top: 3px; height: 23px; font-size: 16px;} #cartTools #cartAmount > span{ color: #f44; font-weight: bold;} #cartTools #vipLevelAmount{ color: #666;} /* 弹窗模块 */ #showWebLayer{ position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; display: none;} #showWebLayer .webLayer_mask{ position: absolute; z-index: 1; background-color: rgba(0, 0, 0, .8); top: 0; right: 0; bottom: 0; left: 0;} #showWebLayer .webLayer_box{ position: absolute; z-index: 9; left: 50%;; top: 50%;} #showWebLayer .webLayer_close{ width:26px; height: 26px; position: absolute; cursor: pointer; right: 5px; top: 5px; z-index: 99; color: #fff; background-color: rgba(0, 0, 0, .5); border: 2px solid #fff; border-radius: 100%; text-align: center; line-height: 26px; font-size: 18px;} #showWebLayer .webLayer_img{ height: 100%;} #showWebLayer .webLayer_img img{border: 0; outline: none; display: block; width: 100%; height: 100%;}